<template>
	<header>
		<div class="top">
			<div class="ct af">
				<p>
					<a href="https://www.qiyebang.net.cn/" style="float: left">{{msg}}</a>
				</p>
				<!--<a href="/Architect">建造师招聘</a>-->
				<a :href="dlzt==''?'/Login':'/cPersonalCenter?idx=0'">{{dlzt==''?'服务者登录':'个人中心'}}</a>
				<a href="javascript:;" style="padding: 0 8px" rel="nofollow" class="newa">网站入口<span class="span"></span>
					<div class="yc" style="visibility: hidden">
						<div v-swiper:mySwiper6="cbox" style="width: 566px;height: 308px">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<!--~/assets/img/clogin1.jpg-->
									<ul class="cin_ul af">
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin1.jpg" />
											<a target="_blank" class="crbtn" href="https://www.1688cw.cn/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.bj1688.net/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin3.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.eqcy.org/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin4.jpg" />
											<a target="_blank"  class="crbtn" href="https://qf.qiyebang.net.cn/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin8.jpg" />
											<a target="_blank"  class="crbtn" href="https://zb.qiyebang.net.cn/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2_1.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.zhiliaoke.com.cn/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2_2.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.goldant.net.cn">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2_3.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.ecaishui.net/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2_4.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.jinjing.net.cn/">点击前往</a>
										</li>
                    <li class="cul_li">
                    	<img class="crimg" src="~/assets/img/cqybjz.jpg" width="73px" />
                    	<a target="_blank" class="crbtn" href="https://jz.qiyebang.net.cn/">点击前往</a>
                    </li>

										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2_6.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.lianbang.net.cn/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2_7.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.jzzx.org.cn/">点击前往</a>
										</li>
									</ul>
								</div>
							<div class="swiper-slide">
									<!--~/assets/img/clogin1.jpg-->
									<ul class="cin_ul af">
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/cqyb_jzs.jpg" width="73px" />
											<a target="_blank" class="crbtn" href="http://zp.qiyebang.net.cn/">点击前往</a>
										</li>
										<li class="cul_li">
											<img class="crimg" src="~/assets/img/clogin2_5.jpg" />
											<a target="_blank"  class="crbtn" href="https://www.qiyebang.net.cn/zblm/">点击前往</a>
										</li>
                    <li class="cul_li" style="position: relative;">
                    	<img class="crimg" src="~/assets/img/zblm_sbpm.jpg" title="中标联盟商标买卖网" />
                    	<a target="_blank"  class="crbtn" href="https://www.zblm.net/">点击前往</a>
                    </li>
									</ul>
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-bullets" style="width: 100px !important; bottom: -3px"></div>
						</div>
					</div>
				</a>
				<a href="https://www.zblm.net/" style="padding: 0 8px" rel="nofollow" target="_blank" class="newa">企业邦-商标买卖网<span class="span"></span>
					<div class="yc" style="visibility: hidden">
						<div v-swiper:mySwiper2="swiperOption" style="width: 566px;height: 308px">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/sbmm1.png) no-repeat">
									<a href="https://www.zblm.net/" target="_blank" rel="nofollow" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px; background: url(/img/sbmm2.png) no-repeat">
									<a href="https://www.zblm.net/" target="_blank" rel="nofollow" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/sbmm3.png) no-repeat">
									<a href="https://www.zblm.net/" target="_blank" rel="nofollow" style="display: block;height: 100%;width: 100%"></a>
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-bullets" style="width: 100vw !important; bottom: -3px"></div>
						</div>
					</div>
				</a>
				<a href="https://zb.qiyebang.net.cn" target="_blank" style="padding: 0 8px" rel="nofollow" class="newa">企业邦车务<span class="span"></span>
					<div class="yc" style="visibility: hidden">
						<div v-swiper:mySwiper3="swiperOption" style="width: 566px;height: 308px">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/czb1.png) no-repeat">
									<a href="https://zb.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px; background: url(/img/czb2.png) no-repeat">
									<a href="https://zb.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/czb3.png) no-repeat">
									<a href="https://zb.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-bullets" style="width: 100vw !important; bottom: -3px"></div>
						</div>
					</div>
				</a>
				<a href="https://jz.qiyebang.net.cn" target="_blank" style="padding: 0 8px" rel="nofollow" class="newa">建筑资质平台<span class="span"></span>
					<div class="yc" style="visibility: hidden">
						<div v-swiper:mySwiper4="swiperOption" style="width: 566px;height: 308px">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/jzzz1.png) no-repeat">
									<a href="https://jz.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px; background: url(/img/jzzz2.png) no-repeat">
									<a href="https://jz.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/jzzz3.png) no-repeat">
									<a href="https://jz.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-bullets" style="width: 100vw !important; bottom: -3px"></div>
						</div>
					</div>

				</a>
	<!-- 			<a href="https://fg.qiyebang.net.cn" target="_blank" style="padding: 0 8px" rel="nofollow" class="newa">软文发布平台<span class="span"></span>
					<div class="yc yc2" style="visibility: hidden">
						<div v-swiper:mySwiper5="swiperOption" style="width: 566px;height: 308px">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/rwfb1.png) no-repeat">
									<a href="https://fg.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px; background: url(/img/rwfb2.png) no-repeat">
									<a href="https://fg.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/rwfb3.png) no-repeat">
									<a href="https://fg.qiyebang.net.cn" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-bullets" style="width: 100vw !important; bottom: -3px"></div>
						</div>
					</div>
				</a> -->
				<a href="http://zp.qiyebang.net.cn/" target="_blank" style="padding: 0 8px" rel="nofollow" class="newa">建造师招聘<span class="span"></span>
					<div class="yc yc2" style="visibility: hidden">
						<div v-swiper:mySwiper7="swiperOption" style="width: 566px;height: 308px">
							<div class="swiper-wrapper">
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/jzszp1.png) no-repeat">
									<a href="http://zp.qiyebang.net.cn/" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px; background: url(/img/jzszp2.png) no-repeat">
									<a href="http://zp.qiyebang.net.cn/" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
								<div class="swiper-slide" style="width: 566px;height: 264px;background: url(/img/jzszp3.png) no-repeat">
									<a href="http://zp.qiyebang.net.cn/" rel="nofollow" target="_blank" style="display: block;height: 100%;width: 100%"></a>
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-bullets" style="width: 100vw !important; bottom: -3px"></div>
						</div>
					</div>
				</a>
				<a href="/Calculator" target="_blank" style="padding: 0 8px;display: inline-block;" rel="nofollow" class="zzjsqa">资质计算器</a>
        <a href="/Sb_calculator" target="_blank" style="padding: 0 8px;display: inline-block;" rel="nofollow" class="sbjfjsq">社保缴费计算器</a>
			</div>
		</div>
		<div class="content">
			<div class="ct af">
				<h1 alt="企业邦（北京）创业服务有限公司"><a href="https://www.qiyebang.net.cn" ><img src="~/assets/img/logo.png" width="286px" height="62px"></a></h1>
				<div class="ss" @click="zkss">
					<input type="text" placeholder="搜索所需服务，如公司注册" readonly="readonly">
					<a href="javascript:;">确定</a>
					<ul class="searchs">
						<li v-for="(dt,id) in title.nav.oneTwoServiceData[0].twoServiceRes" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.id" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(2)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(7)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(14)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(24)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(39)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in title.nav.oneTwoServiceData[1].twoServiceRes" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.id" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(45)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(48)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(52)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(56)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(64)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>

						<li v-for="(dt,id) in title.nav.oneTwoServiceData[2].twoServiceRes" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.id" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(68)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(71)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(74)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(81)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(85)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(204)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>

						<li v-for="(dt,id) in title.nav.oneTwoServiceData[3].twoServiceRes" class="li">
							<a :href="id!=2?('/ServiceDetails/'+dt.id+'?name='+dt.id):'/Architect'" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(92)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(113)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>

						<li v-for="(dt,id) in title.nav.oneTwoServiceData[4].twoServiceRes" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.id" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(117)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(129)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>
						<li v-for="(dt,id) in loadList(136)" class="li">
							<a :href="'/ServiceDetails/'+dt.id+'?name='+dt.pid" target="_blank">{{dt.servicename}}</a>
						</li>

					</ul>
				</div>
				<p class="dh"><span></span>免费热线：<em>400-855-1888</em></p>
			</div>
		</div>
		<div class="nav af">
			<div class="left" @mouseover="selenv=true" @mouseout="selenv=false">
				<a href="javascript:;">全部服务分类</a>
				<ul class="nvpl" :class="{select:selenv}">
					<li class="nvli" v-for="(datas,index1) in title.nav.oneTwoServiceData" :key="index1" :class="'nvli'+(index1+1)" v-if="index1<5">
						<a href="javascript:;" class="nva" @click="tzlj1(dhlj[index1])">{{datas.servicename}}</a>
						<ul class="ctnv" :class="'ctnv'+index1">
							<li class="li1 af" :class="'li'+(ind+1)" v-for="(datasto,ind) in datas.twoServiceRes">
								<h4><a :href="datasto.id==326?'/Architect':'/ServiceDetails/'+datasto.id+'?name='+datasto.id" target="_blank">{{datasto.servicename}}</a></h4>
								<ul>
									<!--<li v-for="(datasr,ind2) in title.threeServiceData" v-if="ind==3&&index==5&&parseInt(datasr.id)>136&&parseInt(datasr.id)<138||parseInt(datasr.id)>parseInt(navshu[ind+Math.round((index-1)*shu[index-1])])&&parseInt(datasr.id)< parseInt(navshu[ind+1+Math.round((index-1)*shu[index-1])])"><a href="javascript:;">{{datasr.descript}}</a></li>-->
									<li v-for="(datasr,ind2) in loadList(datasto.id)">
										<a :href="datasr.id==327?'/Architect':'/ServiceDetails/'+datasr.id+'?name='+datasto.id" target="_blank">{{datasr.servicename}}</a>
									</li>
								</ul>
							</li>
               <li class="li1 af" v-if="index1 == 4">
                 <h4><a href="/Sb_calculator" target="_blank">社保缴费计算器</a></h4>
                 <ul>
                    <li>
                        <a href="/Sb_calculator" target="_blank">社保缴费计算器</a>
                    </li>
                    <li>
                        <a href="/Sb_calculator" target="_blank">公积金计算器</a>
                    </li>
                    <li>
                        <a href="/Sb_calculator" target="_blank">所得税计算器</a>
                    </li>
                    </ul>
               </li>


						</ul>
					</li>
				</ul>
			</div>
			<ul class="rt">
				<li style="text-align: right">
					<a href="https://www.qiyebang.net.cn/"  class="tbnavasy">首页</a>
				</li>
<!--        <li v-for="(navt,navid) in navts.slice(1,10)" style="text-align: right" :key="navid">
          <a @click="navid == 5?tzdh2(navt.href):tzdh(navt.href,navid)" :rel="navid==5?'nofollow':''" :class="'tbnava'+navid" class="tbnava">{{navt.text}}</a>
        </li> -->
				<li v-for="(navt,navid) in navts.slice(1,10)" style="text-align: right" :key="navid">
					<a @click="tzdh(navt.href,navid)" :rel="navid==5?'nofollow':''" :class="'tbnava'+navid" class="tbnava">{{navt.text}}</a>
				</li>

			</ul>
		</div>
	</header>
</template>

<script>
	import axios from 'axios';
	import $ from 'jquery';
	export default {
		name: 'HelloWorld',
		data() {
			return {
//				route:'',
				num:0,
				dlzt: '',
				title: null,
								cbox: {
					pagination: {
						el: '.swiper-pagination',
						dynamicBullets: true,
						clickable: true,
     renderBullet: function (index, className) {
       return '<span class="' + className + '">' + (index + 1) + '</span>';
     },
					},
				},
				swiperOption: {
					loop: true,
					slidesPerView: 'auto',
					centeredSlides: true,
					autoplay: {
						delay: 4000,
						disableOnInteraction: false,
						spaceBetween: 4000,
						loop: true,
					},
					spaceBetween: 30,
					pagination: {
						el: '.swiper-pagination',
						dynamicBullets: true
					},
					on: {
						slideChange() {},
						tap() {}
					}
				},
				swiperOptionnew: {
					loop: true,
					slidesPerView: 'auto',
					centeredSlides: true,
					autoplay: {
						delay: 3000,
						disableOnInteraction: false,
						spaceBetween: 3000,
						loop: true,
					},
					spaceBetween: 30,
					pagination: {
						el: '.swiper-pagination',
						dynamicBullets: true
					},
					on: {
						slideChange() {},
						tap() {}
					}
				},
				selenv: false,
				yqljData: null,
				swiperSlides: [1, 2, 3, 4, 5, 6],
				fuwu: 1,
				sjsz: [],
				gjmz: ['工商服务顾问', '财税记账顾问', '财税记账顾问', '工商服务顾问', '商标知产顾问', '商标知产顾问', '商标知产顾问', '资质商城顾问', '资质商城顾问', '工商服务顾问'],



				xh: [4, 7, 9, 14, 4, 2, 3, 3, 3, 3, 2, 2, 2, 6, 3, 5, 20, 2, 5, 5, 6, 1],
				tbsj: [
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[],
					[]
				],
				msg: '企业邦——企业经营资质服务平台',
				shu: [5, 5, 5.5, 5.3, 4.5, 2],
				dhlj: ['/Business', '/Finance', '/Knowledge', '/Qualifications', '/Personnel'],
				tzbn: ['/Business', '/ServiceDetails/7?name=7', '/ServiceDetails/39?name=39', '/ServiceDetails/24?name=24'],
				navshu: [],
				navts: [{
					href: '/',
					text: '首页'
				}, {
					href: '/Business',
					text: ''
				}, {
					href: '/Finance',
					text: ''
				}, {
					href: '/KnowLedge',
					text: ''
				},
        {
        	href: '/brand',
        	text: '商标转让'
        },{
					href: '/Qualifications',
					text: ''
				},
        {
					href: '/Architecture',
					text: ''
				},  {
					href: '/ScopeInfo?name=1',
					text: '经营范围'
				},{
					href: '/Info',
					text: '行业资讯'
				}, {
					href: '/About',
					text: '关于我们'
				}, {
					href: '/Architect',
					text: '建造师招聘'
				}],
			}
		},



		async asyncData({
			params
		}) {
			let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
			let data = {
				nav: nh.data
			}
			return {
				title: data
			}
		},
		mounted: function() {
      console.log(this.title)

      this.$forceUpdate();



        this.navts[1]={
          'text': this.title.nav.navServiceData[0].servicename,
           'href': '/Business',
          'id':this.title.nav.navServiceData[0].id,
          'keyword':this.title.nav.navServiceData[0].keyword,
          'pid':this.title.nav.navServiceData[0].pid,
          'servicelevel':this.title.nav.navServiceData[0].servicelevel,
          'title':this.title.nav.navServiceData[0].title,
        }
        this.navts[2]={
          'text': this.title.nav.navServiceData[1].servicename,
           'href': '/Finance',
          'id':this.title.nav.navServiceData[1].id,
          'keyword':this.title.nav.navServiceData[1].keyword,
          'pid':this.title.nav.navServiceData[1].pid,
          'servicelevel':this.title.nav.navServiceData[1].servicelevel,
          'title':this.title.nav.navServiceData[1].title,
        }
        this.navts[3]={
          'text': this.title.nav.navServiceData[2].servicename,
           'href': '/KnowLedge',
          'id':this.title.nav.navServiceData[2].id,
          'keyword':this.title.nav.navServiceData[2].keyword,
          'pid':this.title.nav.navServiceData[2].pid,
          'servicelevel':this.title.nav.navServiceData[2].servicelevel,
          'title':this.title.nav.navServiceData[2].title,
        }
        this.navts[5]={
          'text': this.title.nav.navServiceData[3].servicename,
           'href': '/Qualifications',
          'id':this.title.nav.navServiceData[3].id,
          'keyword':this.title.nav.navServiceData[3].keyword,
          'pid':this.title.nav.navServiceData[3].pid,
          'servicelevel':this.title.nav.navServiceData[3].servicelevel,
          'title':this.title.nav.navServiceData[3].title,
        }
        this.navts[6]={
          'text': this.title.nav.navServiceData[4].servicename,
           'href': '/Architecture',
          'id':this.title.nav.navServiceData[4].id,
          'keyword':this.title.nav.navServiceData[4].keyword,
          'pid':this.title.nav.navServiceData[4].pid,
          'servicelevel':this.title.nav.navServiceData[4].servicelevel,
          'title':this.title.nav.navServiceData[4].title,
        }
// title.nav.navServiceData
//			console.log(this.route)
//			console.log(this.title.nav)
//			console.log(this.$router)
			let a = document.cookie;
			let cookie = '';
			if(a.indexOf('userinfoRes') != -1) {
				let b = a.split('userinfoRes=');
				let c = b[1].split(';');
				cookie = c[0];

			}
			this.dlzt = cookie;
		},
		computed: {
			loadList() {
				return(type) => {
					let newData = [];
					this.title.nav.threeServiceData.forEach(item => {
						if(item.pid == type) {
							newData.push(item);
						}
					});
					return newData;
				};
			},
			todos() {
				return this.$store.state.todos.list
			}
		},
		methods: {
			tzlj1: function(e) {
				this.$router.push(e);
			},
			tz: function(e) {
				const new2 = this.$router.resolve({
					name: e
				});
				window.open(new2.href, '_blank');
			},
			tzxqy: function(e, e2) {
				this.$router.push({
					name: 'ServiceDetails',
					params: {
						id: e1
					}
				})
			},
			zkss: function() {
				$('.searchs').toggleClass('select');
			},
			tzdh: function(e) {
				this.$router.push(e);

			},
			tzdh2: function(e) {
        console.log(e)
				const new2 = this.$router.resolve({
					name: e
				});
				window.open(new2.location.name, '_blank');

			},
			shouye:function(){
				window.open('/','_self');
			}

		}
	}
</script>

<style scoped>

</style>
